<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
      缓存数据
        对于需要多次使用的数据进行提前缓存，后续进行使用

        1. 减少声明和语句数（词法 语法）
        2. 缓存数据（作用域链查找变快）
    -->
    <div id="skip" class="skip"></div>
    <script>
      var oBox = document.getElementById("skip");
      /*function hasClassName(ele, cls) {
        return ele.className === cls;
      }*/

      function hasClassName(ele, cls) {
        // 原本在ele对象堆栈信息保存一份在本地函数作用域中，不需要到ele对象堆栈信息中再次查找
        var className = ele.className;
        return className === cls;
      }

      console.log(hasClassName(oBox, "skip"));
    </script>
  </body>
</html>
